<ion-header>
  <ion-toolbar class="orange-bar">
    <ion-buttons slot="start">
      <ion-button color="light" (click)="goBack()">
        <ion-icon name="ios-arrow-back"></ion-icon>
      </ion-button>
    </ion-buttons>
    <ion-title>会员信息(个人)</ion-title>
  </ion-toolbar>
</ion-header>

<ion-content>
  <form [formGroup]="formModel">
    <ion-item-group>
      <ion-item-divider color="light">
        <ion-label>基本信息</ion-label>
      </ion-item-divider>
      <ion-item>
        <ion-label>学历</ion-label>
        <ion-select formControlName="education" interface="popover" placeholder="请选择">
          <ion-select-option *ngFor="let edu of optionMap['education']" [value]="edu['code']">{{edu['value']}}</ion-select-option>
        </ion-select>
      </ion-item>
      <ion-item>
        <ion-label>婚姻</ion-label>
        <ion-select formControlName="marital" interface="popover" placeholder="请选择">
          <ion-select-option *ngFor="let edu of optionMap['marital']" [value]="edu['code']">{{edu['value']}}</ion-select-option>
        </ion-select>
      </ion-item>
    </ion-item-group>

    <ion-item-group>
      <ion-item-divider color="light">
        <ion-label>资产信息</ion-label>
      </ion-item-divider>
      <ion-item>
        <ion-label>工作年限</ion-label>
        <ion-select formControlName="workExperience" interface="popover" placeholder="请选择">
          <ion-select-option *ngFor="let edu of optionMap['workExperience']" [value]="edu['code']">{{edu['value']}}</ion-select-option>
        </ion-select>
      </ion-item>
      <ion-item>
        <ion-label>年收入</ion-label>
        <ion-select formControlName="annualIncome" interface="popover" placeholder="请选择">
          <ion-select-option *ngFor="let edu of optionMap['annualIncome']" [value]="edu['code']">{{edu['value']}}</ion-select-option>
        </ion-select>
      </ion-item>
      <ion-item>
        <ion-label>资产估值</ion-label>
        <ion-select formControlName="netAsset" interface="popover" placeholder="请选择">
          <ion-select-option *ngFor="let edu of optionMap['netAssets']" [value]="edu['code']">{{edu['value']}}</ion-select-option>
        </ion-select>
      </ion-item>
      <ion-item>
        <ion-label>车产</ion-label>
        <ion-select formControlName="car" interface="popover" placeholder="请选择">
          <ion-select-option *ngFor="let edu of optionMap['car']" [value]="edu['code']">{{edu['value']}}</ion-select-option>
        </ion-select>
      </ion-item>
      <ion-item>
        <ion-label>房产</ion-label>
        <ion-select formControlName="house" interface="popover" placeholder="请选择">
          <ion-select-option *ngFor="let edu of optionMap['house']" [value]="edu['code']">{{edu['value']}}</ion-select-option>
        </ion-select>
      </ion-item>
      <ion-item>
        <ion-label>是否本机构员工</ion-label>
        <ion-toggle formControlName="isEmployee"></ion-toggle>
      </ion-item>
    </ion-item-group>

    <ion-item-group>
      <ion-item-divider color="light">
        <ion-label>紧急联系人</ion-label>
      </ion-item-divider>
      <ion-item>
        <ion-label>关系</ion-label>
        <ion-select formControlName="emergencyContactType" interface="popover" placeholder="请选择">
          <ion-select-option *ngFor="let edu of optionMap['relationship']" [value]="edu['code']">{{edu['value']}}</ion-select-option>
        </ion-select>
      </ion-item>
      <ion-item>
        <ion-label>姓名</ion-label>
        <ion-input formControlName="emergencyContactName" maxlength="50"></ion-input>
      </ion-item>
      <ion-item>
        <ion-label>手机号</ion-label>
        <ion-input formControlName="emergencyContactMobile" type="number" maxlength="11"></ion-input>
      </ion-item>
    </ion-item-group>
  </form>
</ion-content>
<ion-footer>
  <ion-toolbar>
    <ion-button expand="full" color="tertiary" (click)="doSave()">保存信息</ion-button>
  </ion-toolbar>
</ion-footer>